<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>010</title>
		<style type="text/css">
			.login-button { /* 按钮美化 */
				width: 270px; /* 宽度 */
				height: 40px; /* 高度 */
				border-width: 0px; /* 边框宽度 */
				border-radius: 3px; /* 边框半径 */
				background: #1E90FF; /* 背景颜色 */
				cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
				outline: none; /* 不显示轮廓线 */
				font-family: Microsoft YaHei; /* 设置字体 */
				color: white; /* 字体颜色 */
				font-size: 17px; /* 字体大小 */
			}
		
		
			.login-button:hover { /* 鼠标移入按钮范围时改变颜色 */
				background: #5599FF;
			}
			
			input:focus {
				border-color: #ff6700;
				outline: none;
			}
			
			
		</style>
	</head>
	<body>
		<button class="login-button">点我一下</button>
		
		
		<input type="search" name="" id="" value="" />
		
		
		
	</body>
</html>
